<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p1_CSS的三种位置</title>
    <!-- 3.CSS外部样式 rel="stylesheet"表示引入文件类型是CSS href引入的CSS文件路径 -->
    <link rel="stylesheet" href="01.css">
    <!-- 2.CSS内部样式-->
    <style>
        /*选择器*/
        p{color:blue;}
        div{color: green;}
        h2{color: green !important;}
    </style>
</head>
<body>
<!--1.CSS行内样式 加在当前行，只对当前行元素生效 -->
<h4 style="color: red; background-color: yellow;">我是标题1</h4>
<h4>我是标题2</h4>
<h4>我是标题3</h4>

<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>

<div>我是div</div>
<div>我是div</div>
<div>我是div</div>

<h2 style="color: red">优先级</h2>
</body>
</html>